<template>
      <el-dialog class="dialog-log" title="操作日志" :visible.sync="logVisible" :close-on-click-modal="false" :close-on-press-escape="false" width="1200px">
        <div class="wrapper-log">
          <el-table
          v-loading="dataListLoading"
          :header-cell-style="{background: '#DBEDF6'}"
          :data="data">
          <el-table-column type="index" label="序号" header-align="center" align="center" width="50"></el-table-column>
          <el-table-column prop="updateDate" label="操作时间"  header-align="center" align="center"></el-table-column>
          <el-table-column prop="username" label="操作账号"  header-align="center" align="center"></el-table-column>
          <el-table-column prop="item" label="操作项目"  header-align="center" align="center"></el-table-column>
          <el-table-column prop="contetn" label="操作内容"  header-align="center" align="center"></el-table-column>
          <el-table-column prop="before" label="变更前"    header-align="center" align="center">
          </el-table-column>
          <el-table-column prop="after" label="变更后"  header-align="center" align="center">
          </el-table-column>
        </el-table>
      </div>
    </el-dialog>
</template>

<script>
import mixinViewModule from '@/mixins/view-module'
export default {
  mixins: [mixinViewModule],
  props: {
    id: String,
    data: Array
  },
  data () {
    return {
      logVisible: false
    }
  },
  methods: {
    init () {
      this.logVisible = true
    }
  }
}
</script>
<style lang="scss">
.dialog-log {
  .el-dialog__header {
    padding: 20px 20px 10px;
    border-bottom: 1px solid #EEEEEE;
}
  .el-dialog__body {
    padding: 0 20px!important;
    min-height: 400px;
  }
}
.wrapper-log {
  margin-bottom: 20px;
  padding: 10px 20px;
  overflow: hidden;
  .el-table {
    border: 1px solid #EAEAEA;
  }
}
</style>
